<div class="combination-content">
    <div class="combination-content-left">
        <h4>组合优化 模型选择:</h4>

        <div class="config-model-content">
            <div class="radio">
                <label>
                    <input type="radio" name="combinationModelSelect" value="1">
                    马尔科维茨(MV)
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="combinationModelSelect" value="2">
                    Black-Litterman(BL)
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="combinationModelSelect" value="3">
                    Risk-Parity(RP)
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="combinationModelSelect" value="4">
                    自定义权重
                </label>
            </div>
        </div>

        <div class="config-model">

        </div>
        <div class="table-responsive none" id="combinationBL">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>名称</th>
                    <th>观点</th>
                    <th>置信度</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="fund in fundList" data-id="{{fund.id}}">
                    <td>{{fund.fundNameShort}}</td>
                    <td>
                        <div style="float: left;">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="viewpoint_{{fund.id}}" value="10">
                                    乐观
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="viewpoint_{{fund.id}}" checked value="5">
                                    中性
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="viewpoint_{{fund.id}}" value="0">
                                    悲观
                                </label>
                            </div>
                        </div>
                        <div style="float: left;margin: 30px 0 0 10px;">
                            <input type="text" class="form-control viewpoint"/> %
                        </div>
                    </td>
                    <td>
                        0
                        <input type="range" name="confidence" min="1" max="10" value="5"
                               style="position: relative;top: 6px;">
                        100%
                        <input type="text" class="form-control" value="50"/> %
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="table-responsive none" id="combinationCustomWeight">
            <table class="table table-bordered">
                <tbody>
                <tr v-for="fund in fundList" data-id="{{fund.id}}">
                    <td>{{fund.fundNameShort}}</td>
                    <td><input type="text" class="form-control"/> %</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="strategy-list">
            <table class="table table-hover">
                <tbody>
                <tr v-for="fund in fundList" data-id="{{fund.fundExtCode}}" data-assetStrategyId="{{fund.assetStrategyId}}">
                    <td>{{fund.fundNameShort}}</td>
                    <td>上限 <input type="text" class="form-control" value="100"> %</td>
                    <td>下限 <input type="text" class="form-control" value="0"> %</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="combination-content-right">
        <div class="combination-content-right-right">
            <p class="start-calculate">
                <button type="button" class="btn btn-primary" v-on:click="startCalculate();">开始计算</button>
            </p>
        </div>

    </div>
</div>